// vue.config.js
const { defineConfig } = require('@vue/cli-service')

// http://127.0.0.1:8081/api/foo/bar -> http://localhost:8000/api/foo/bar
module.exports = defineConfig({
  // 选项
  devServer: {
  host: '0.0.0.0', //可以忽略不写
  port: 8081, //它是用来修改你打开后的端口号的
  open: false, //值为 true的话，项目启动时自动打开到浏览器里边， false不会打开
  proxy: {
    '/api': {
      // 通过上述配置，当前端发起/api/data的请求时，实际上是向http://localhost:8081/api/data发起请求，并且在请求过程中会设置合适的CORS头部。
      target: 'http://localhost:8000/api/axios/',//换成你自己项目的开发或者生产地址
      ws: false, //也可以忽略不写，不写不会影响跨域
      changeOrigin: true, //是否开启跨域，值为 true 就是开启， false 不开启
      pathRewrite: {
        '^/api': ''//注册全局路径， 但是在你请求的时候前面需要加上 /api
      }
    }
  },
  loader: 'sass-loader',
    options: {
      data: `
        @import "@/styles/_colors.scss";
        @import "@/styles/_mixins.scss";
      `
    }
}
})


